/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family:110% Verdana, Geneva, sans-serif; color:#333; outline:none;}
body			{font-size:14px; background:#fff;  height:100%;font-family:arial;}
html{height:100%}
a				{color:#dc4b1c; text-decoration:none}
a:hover			{text-decoration:underline;}
select, input, textarea	{

	/*background: white url(../images/inputbg.jpg) repeat-x;*/
	border: 1px solid #ccc;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	padding: 7px 4px;
	color: initial;
	display: inline-block;
	font: -webkit-small-control;
	letter-spacing: normal;
	line-height: normal;
	margin: 0em;
	text-align: -webkit-auto;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;
	word-spacing: normal;
		
}
input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: darkGray;
}
#map input, #map select, #map textarea{ width:auto !important}
.gels-button{
    color:#000 !important;
}
select option{padding:1px;}
h1{}
h2, h3,h4{font-size:1.4em;}
img, fieldset{border:0; border-bottom-left-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px;}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}
.noresult{ padding:10px; text-align:center; font-size:16px; font-weight:bold;}
/********** Common Structure (for all modules) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#container{width:100%; font-size:1.1em; min-height:100%; height:auto!important; height:100%;  margin:0 0 -50px 0;}
/* Language */
.lang{ float:right; margin-top:10px;}
.lang a{ text-decoration:none; border-right:1px solid #333; padding:0px 10px 0px 5px; font-size:14px;}
.lang a.last{ text-decoration:none; border-right:none;}
.lang a.actived span{ color: #DC4B1C; }
.lang a span{ color: #333; }
	/**************header*******************/
	#header{width:100%; height:auto; background:#e2e3e8 url(../images/bgd_header.gif) 0 100% repeat-x}
		#header .infoUser{ width:100%; height:44px; background:url(../images/bg_info_user.jpg) repeat-x;}
					#header .infoUser #clock{ float:left; color:#FFFFFF; font-size:18px; padding:10px;}
					#header .infoUser #infoUserSP{ float:right; color:#FFFFFF; font-size:12px; padding:10px;}
		#header .setting{ width:300px; height:27px; float:right; margin-right:45px; /*background:url(../images/bg_setting.jpg) repeat-x;*/ }
			#header .setting p{ color:#333; float:right; padding-top:6px;}
				#header .setting a{ color:#333; padding:0 10px; font-size:14px;}
		#header .banner{ width:100%; height:73px; background:url(../images/banner.jpg) repeat-x;}
			#header .banner .logo{ width:25%; height:73px; float:left; margin-left:5%;}
			#header .banner .namecompany{ width:70%; height:58px; float:right; font-size:30px; color:#99FF00; text-transform:uppercase; font-weight:bold; text-align:center; padding-top:15px;}
		#header .menu{ width:100%; height:35px;/* background:url(../images/bg_menu_05.jpg) repeat-x;*/ background:#DFDFDF; border-bottom:1px solid #999}
			#header .menu p{ padding-top:10px; margin-left:20px; font-size:16px; vertical-align:middle; color:#333}
			#header .menu p a{ padding:0 10px; color:#333}			
	/**************main*******************/
	#main{width:100%; overflow:hidden; padding:0 0 20px 0}
		#main .path{ width:100%;  padding: 10px 27px 0px 27px;}
			#main .path h2{color:#dc4b1c; font-size:1.5em}
			#main .path h2 a{ text-decoration:underline}
			#main .path h2 a:hover{ text-decoration:none}				
	/**************lev
		*******************/
	#lev{width:240px; float:left; overflow:hidden; margin-bottom:-32767px; padding-bottom:32767px}
		.lev1{width:220px; float:left; background:#e9e9e9; margin-bottom:-32767px; padding-bottom:32767px}
			.lev1 p{font-size:1.272em; padding:20px 5px 20px 15px;}
			.lev1 p strong{color:#dc4b1c}	
			.lev1 ul{background:#f7941e;}
			.lev1 li a{display:block;  color:#fff; border-bottom:#fff solid 1px; text-transform:uppercase; font-weight:bold; font-size:1.091em; padding:3px 5px 3px 15px;}
			.lev1 li a:hover{background-color:#de7900; text-decoration:none}
			.lev1 li ul{background:#bec8d4}
			.lev1 li ul li a{color:#333; text-transform:none; font-weight:normal}
			.lev1 li ul li a:hover{background-color:#ffe2c2; text-decoration:none}
			.lev1 li ul li .submenu{background:url(../images/btn_down.gif) 95% 50% no-repeat}
			.lev1 li ul li .current2{background:url(../images/btn_up.gif) 95% 50% no-repeat}
			.lev1 li ul li ul{background:#f2ebe2; padding:0;}
			.lev1 li{display:inline}
			.lev1 li ul li ul li a{ color:#333; text-transform:none; font-weight:normal; background:url(../images/ico_arrow.gif) 15px 8px no-repeat; padding-left:27px;}
			.lev1 li ul li ul li a:hover{color:#dc4b1c; text-decoration:none}
			.lev1 li ul li ul li .current3{color:#dc4b1c; background-color:#ffe2c2;}
			
			
		.levBtn{width:18px; float:left; padding:250px 0 0 2px;}
		
		/**************lev*******************/
		#contextual{width:240px; float:right; margin-bottom:-32767px; padding-bottom:32767px; }
			.contextType{background:#e9e9e9; margin-bottom:-32767px; padding-bottom:32767px; width:200px; float:left; padding-top:20px; padding-left:10px; padding-right:10px;}
			#contextual .levBtn{padding:250px 2px 0 0}
			#contextual label{display:block; float:none; font-weight:bold; margin:0 0 3px 0}
			#contextual input{float:none; width:95%;}
			#contextual p{margin: 0 0 10px 0; width:100%; overflow:hidden; display:block}
			#contextual textarea{width:95%;}
			#contextual select{width:97%;}
			#contextual .radioType label{float:left; display:block; width:auto; font-weight:normal; margin:0 10px 0 0; padding:0;}
			#contextual .radioType input{padding:0; margin:2px 5px 0 0; float:left; border:none; width:13px; height:13px;}
		
		/**************content*******************/
		#content{margin:0 242px 0 250px;}
			#content .highlight{width:99%; padding:20px 0;}
			#content .highlight h2{color:#dc4b1c; margin:0 0 20px 0; font-size:1.5em}
			#content .highlight h2 a{ text-decoration:underline}
			#content .highlight h2 a:hover{ text-decoration:none}
		
			#tablist{width:100%; overflow:hidden; display:block; margin:0 0 20px 0; background:url(../images/bgd_line.gif) 0 100% repeat-x;}
				#tablist li{display:block; float:left; margin:0 0 0 4px; }
				#tablist li a{display:block; float:left; border-top:#dedede solid 1px; border-left:#dedede solid 1px; border-right:#dedede solid 1px; background:#F0F0F0; padding:5px; color:#444488; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px;}
				#tablist li a:hover{background:#fff; color:#333; text-decoration:none;}
				#tablist .current a{background:#fff; border-bottom:#fff solid 1px; border-top:3px solid #FFCC33; margin-bottom:-2px; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px;}
				
			#tabListFunction{ position:fixed; bottom:0px; right:0px; width:auto; overflow:hidden; display:block; margin:0 0 0px 0; background:#DFDFDF; padding:10px 10px 10px 10px; border-radius:10px 10px 0px 0px; text-align:center; font-weight:bold; font-size:18px}
				#tabListFunction li{display:inline; margin:0 0 0 4px; }
				#tabListFunction li a{display:block; float:right; padding:0px 5px; color:#DC4B1C; text-decoration: underline}
				#tabListFunction li a:hover{background:none; color:#333; text-decoration:none;}
				#tabListFunction .current a{background:none; color:#333; text-decoration:none; font-weight:bold}				
		
			.formType{width:100%;}
				.formType .titles{ text-align:center; text-transform:uppercase; font-size:14px; font-weight:bold; border-bottom:1px solid #999; margin-bottom:10px; padding-bottom:5px;}
				.formType .left{ width:56%; height:auto; padding:0 1%; float:left;}
				.formType .left p span.module{ float:left; width:33%}
				.formType .right{ width:40%; height:auto; padding:0 1%; float:right;}
				.formType .over{ width:98%; clear:both; padding-top:20px;}
				.formType .division2{ width:48%; padding: 0px 1%; float:left}
                                .formType .division3{ width:28%; padding: 0px 1%; float:left}
                                .formType .division4{ width:20%; padding: 0px 1%; float:left}
				.formType fieldset{background:#FCFCFF; border:1px solid #DEDEDE; padding:5px;}
				.formType fieldset p{width:100%; overflow:hidden; margin:0 0 15px 0}				
				.formType label{display:block; margin:0 0 0 0; font-weight:bold}
				.formType span{display:block; float:none; margin:0 0 5px 0; color:#76797c}
				.formType input{float:none; width:97%; margin:0 0 5px 0}
				.formType input.radio{float:none; width:10%; margin:0 0 5px 0}
				.formType select{float:none; width:99.5%; margin:0 0 5px 0}
				.formType textarea{float:none; width:97%; margin:0 0 5px 0}
				.formType .box{width:65%; float:none;}
				.formType .add{float:left; clear:left}
				.formType .radioType label{float:left; display:block; width:auto; font-weight:normal; margin:0 10px 0 0; padding:0;}
				.formType .radioType input{padding:0; margin:2px 5px 0 0; float:left; border:none; width:13px; height:13px;}
				.formType .btnType span{float:right; margin:0 0 0 5px;}
				.formType .btnType span input{
					text-align:center;
					background:#9CC;
					border: 1px solid #D4D4D4;
					border-bottom-left-radius: 3px 3px;
					border-bottom-right-radius: 3px 3px;
					border-top-left-radius: 3px 3px;
					border-top-right-radius: 3px 3px;
					color: #FFF;
					float: left;
					font-size:16px;
					font-weight: bold;
					margin-right: 5px;
					overflow: hidden;					
					}
				.formType .mceEditorContainer span{display:inline}
		
	/**************login*******************/
	.login{width:560px; margin:90px auto; background:url(../images/bgd_bottomLogin.gif) 0 100% no-repeat; padding:0 0 15px 0;}
		.login h2{background:url(../images/bgd_topLogin.gif) 0 0 no-repeat; border-bottom:#e1e1e1 solid 1px; color:#333; font-size:1.2em; padding:5px 20px 5px 20px; text-transform:uppercase}
		.login fieldset{padding:30px 20px 0 20px;}
		.login p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0; }
		.login label{width:100px; display:block; float:left; margin:0 5px 0 0}
		.login input{width:250px; padding:2px 2px 2px 3px; float:left}
		.login .btnType{padding:0 0 0 105px; width:80%;}
		.login .btnType span{margin:0 5px 0 0;}
		
    /**************changepass*******************/
    .changepass{width:560px; margin:90px auto; background:url(../images/bgd_bottomLogin.gif) 0 100% no-repeat; padding:0 0 15px 0;}
        .changepass h2{background:url(../images/bgd_topLogin.gif) 0 0 no-repeat; border-bottom:#e1e1e1 solid 1px; color:#333; font-size:1.2em; padding:5px 20px 5px 20px; text-transform:uppercase}
        .changepass fieldset{padding:30px 20px 0 20px;}
        .changepass p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0; }
        .changepass label{width:190px; display:block; float:left; margin:0 5px 0 0}
        .changepass input{width:250px; padding:2px 2px 2px 3px; float:left}
        .changepass .btnType{padding:0 0 0 105px; width:80%;}
        .changepass .btnType span{margin:0 5px 0 0;}
		
	/**************btn*******************/
	.btnType span{display:inline; float:left; padding:0 3px 0 0; cursor:pointer; margin:0}
		.btnType input{
			width:auto;
			text-align:center;
			background:#9CC repeat-x 0px 100%;
			border: 1px solid #D4D4D4;
			border-bottom-left-radius: 3px 3px;
			border-bottom-right-radius: 3px 3px;
			border-top-left-radius: 3px 3px;
			border-top-right-radius: 3px 3px;
			color: #FFF;
			float: left;
			font-size:16px;
			font-weight: bold;
			margin-right: 5px;
			overflow: hidden;
		}
		
	/**************footer*******************/
	.push{height:50px;}
	
	#footer{width:100%; border-top:#000 solid 1px; font-size:1.1em; height:auto;}
		#footer .service{ width:100%; height:118px; background:url(../images/bg_service_PICKCO.jpg) repeat-x}
			#footer .service .itemService{ width:310px; height:118px; font-size:14px; padding-top:10px; margin-left:20px; float:left; text-align:left}
				#footer .service .itemService p{ margin-bottom:5px;}
		#footer .menu_footer{ width:100%; height:26px; /*background:url(../images/menu_footer.jpg) repeat-x; */ background:#EF8710; text-align:center; padding-top:10px; font-size:10px; font-weight:900; text-transform:uppercase; color:#fff}
			#footer .menu_footer a{ padding:0px 10px; color:#FFFFFF}
		#footer .infoCompany{ width:100%; height:auto; background:#FFFFFF; text-align:center}
	.error {color:#ff0000}
	
	/**********************/
	.searchType{width:100%; overflow:hidden; margin:0 0 20px 0; background:#FFEFDD; height:85px;}
		.searchType fieldset{
			padding:5px;
			border: 1px solid #FFEFDD;
			border-bottom-left-radius: 3px 3px;
			border-bottom-right-radius: 3px 3px;
			border-top-left-radius: 3px 3px;
			border-top-right-radius: 3px 3px;			
		}
			.searchType h3{font-size:1.2em; margin:0 0 10px 0}
			.searchType p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0}
			.searchType input{margin:0 5px 0 0; width:150px; float:left}
			.searchType select{width:150px; margin:0 5px 0 0; float:left}
			.searchType label{display:block; float:left; margin:0 5px 0 0; padding:10px 0}
			.searchType .box2{width:13px; height:13px; border:none; padding:0; margin:3px 5px 0 0}
			.searchType input.btnDisplay{
				width:60px;
				background:#EF8710;
				border: 1px solid #ccc;
				border-bottom-left-radius: 3px 3px;
				border-bottom-right-radius: 3px 3px;
				border-top-left-radius: 3px 3px;
				border-top-right-radius: 3px 3px;
				color: #FFF;
				float: left;
				font-weight: bold;
				margin-right: 5px;
				overflow: hidden;
			}	
	.tableContent{font-size:1.091em}
		.tableContent table{margin:0 0 15px 0; border-bottom:#c8cfd9 solid 3px;}
		.tableContent td input{width:30px; float:left; margin:0 3px 0 0; text-align:center}
		.tableContent th{padding:4px 5px; background:#c8cfd9; color:#333}
		.tableContent th a{color:#333; text-decoration:underline}
		.tableContent th a:hover{color:#333; text-decoration:none}		
		.tableContent td{padding:4px 4px; border-bottom:#dedede  solid 1px; color:#666}
		.tableContent td img{margin:0 1px;}
		.tableContent td a{color:#666}
		.tableContent td a:hover{color:#DC4B1C}
		.tableContent .bgType td{background:#ebe9e9}
		.tableContent .box3{width:13px; height:13px; border:none; padding:0; margin:0}
		.tableContent td p{width:100px; display:block; overflow:hidden}
		.tableContent td .btnOK{		
			background:#9CC;
			border: 1px solid #D4D4D4;
			border-bottom-left-radius: 3px 3px;
			border-bottom-right-radius: 3px 3px;
			border-top-left-radius: 3px 3px;
			border-top-right-radius: 3px 3px;
			color: #FFF;
			float: left;
			font-weight: bold;
			margin-right: 5px;
			overflow: hidden;
		}			
		.hidden{display:none}
	
	.paging{width:100%; overflow:hidden}
	.paging ul{float:left; padding:5px 0 0 0}
	.paging li{display:inline; margin:0 5px 0 0;}
	.paging li strong{ color:#dc4b1c;}
	.paging li a{color:#333;}
	.paging .btnType{float:right;}
	.paging .btnType span{margin:0 0 0 5px}
	.paging .btnType input{width:85px; padding:10px 0}
	
.infoText{color:#009900; padding-bottom:5px}
.infoText h4{color:#009900; font-weight:bold;}
.infoText p{color:#009900; margin-left:10px}
.errorText{color:#FF0000; padding-bottom:5px}
.errorText h4{color:#FF0000; font-weight:bold;}
.errorText p{color:#FF0000; margin-left:10px}
.header_img{ width:100%; height:127px;}